<template>
  <div class="content">
      <div class="card">
        <div class="card-header">
        <el-image :src="require('@/assets/jijin1.png')"></el-image>
        <span>基金Ⅰ</span>
        </div>
        <div>拟任基金经理ZHAO</div>
      </div>
      <div class="card">
        <div class="card-header">
        <el-image :src="require('@/assets/jijin2.png')"></el-image>
        <span>基金Ⅱ</span>
        </div>
        <div>拟任基金经理LI</div>
      </div>
      <div class="card">
        <div class="card-header">
        <el-image :src="require('@/assets/jijin3.png')"></el-image>
        <span>基金Ⅲ</span>
        </div>
        <div>拟任基金经理GUO</div>
      </div>
  </div>
</template>

<script>

export default{
  name:"kuangjia"
}

</script>

<style scoped>
.content{
      width:1000px ;
      height: 160px;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
    }
  
    .card{
      width: 300px;
      height: 150px;
      background-color: #fff;
      box-shadow: 0 2px 10px 3px #0099FC;
      font-weight: 800;
      line-height: 50px;
      border-radius: 10px;
    }
  
    .el-image{
      width: 30px;
      height:30px;
      vertical-align: middle;
      margin-right: 10px;
    }
</style>